import React from 'react'
import { Outlet,NavLink } from 'react-router-dom'
import { Tabbar } from 'react-vant'
import { AppOutline,UnorderedListOutline,UserOutline,MessageOutline } from 'antd-mobile-icons'
const App = () => {
  return (
    <div>
      <Outlet />

      <footer>
        <Tabbar>
          <Tabbar.Item icon={<AppOutline />}><NavLink to="/">首页</NavLink></Tabbar.Item>
          <Tabbar.Item icon={<UnorderedListOutline />}><NavLink to="/daiban">待办</NavLink></Tabbar.Item>
          <Tabbar.Item icon={<MessageOutline />}><NavLink to="/xiaoxi">消息</NavLink></Tabbar.Item>
          <Tabbar.Item icon={<UserOutline />}><NavLink to="/my">我的</NavLink></Tabbar.Item>
        </Tabbar>
      </footer>
    </div>
  )
}

export default App
